<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;
use frontend\assets\AppAsset;


AppAsset::register($this);

$this->registerCss("
    body{font-family: sans-serif;}
    #page-loader{position: fixed;z-index: 999;width: 100%;height: 100%;top:0;left:0;background: #fff;display: block;}
    #page-loader .loading{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
    .mm-menu {
        --mm-color-background: linear-gradient(135deg, #f99 10%,#c6f 90%);
        overflow: hidden;
    }
    .mm-navbars_top
    {
        background: rgba( 255, 255, 255, 0.15 );
        border-bottom: none;
        transform: translateY(-100%);
        transition: transform 0.3s ease 0.3s;
    }
    .mm-wrapper_opening .mm-navbars_top
    {
        transform: translateY(0%);
    }
    .mm-navbar {
        background: none !important;
    }
    .mm-panels,
    .mm-panels > .mm-panel {
        background: none;
    }
    .mm-navbar_has-btns {
        border: none;
        padding-left: 0 !important;
    }
    .mm-searchfield {
        height: 60px;
        padding: 23px 0 0 20px;
        position: relative;
    }
    .mm-searchfield input {
        background: none !important;
        border-radius: 0 !important;
        color: #fff !important;
        height: 45px;
    }
    .mm-navbar__btn {
        margin-top: 16px;
    }
    .mm-btn_prev::before {
        left: 15px;
    }
    .mm-prev::before {
        left: 18px;
    }
    .mm-panels > .mm-panel:before
    {
        height: 40px;
    }
    .mm-listitem > a,
    .mm-listitem > span {
        color: rgba( 255, 255, 255, 0.8 );
    }
    .mm-listitem > a,
    .mm-listitem > span {
        font-size: 16px;
        padding: 15px 10px 15px 40px;
    }
    #myheader a{text-decoration: none;}
");
$setting = Yii::$app->setting;
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="keywords" content="<?=$setting->get('site_keyword')?>">
    <meta name="Description" content="<?=$setting->get('site_description')?>">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/mui/3.7.1/css/mui.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/jQuery.mmenu/7.2.3/jquery.mmenu.all.css" rel="stylesheet">
    <link rel="stylesheet" href="/mmenu/css/demo.css" />
    <link rel="stylesheet" href="/mmenu/css/hamburgers.css" />
    <link rel="stylesheet" href="/mmenu/css/jquery.mhead.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.1/animate.min.css">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) .' - '. $setting->get('site_title') ?></title>
    <?php $this->head() ?>
</head>
<body>
<?php $this->beginBody() ?>

<!--<div id="page-loader">-->
<!--    <div class="loading"><img src="/img/loading.gif"></div>-->
<!--</div>-->

<nav id="menu">
    <ul id="panel-menu">
        <li><a href="/touch/default/index"><span class="glyphicon glyphicon-home" style="margin-right:15px"></span> 主页</a></li>
        <li><a href="/touch/default/favorite"><span class="glyphicon glyphicon-folder-open" style="margin-right:15px"></span> 我的收藏</a></li>
        <li><a href="/touch/default/ranking-list"><span class="glyphicon glyphicon-sort-by-attributes-alt" style="margin-right:15px"></span> 排行榜</a></li>
        <li><span>分类</span>
            <ul>
                <li><a href="">韩漫</a></li>
                <li><a href="">日漫</a></li>
            </ul>
        </li>
        <?php if(!Yii::$app->user->isGuest){ ?>
            <li><a href="/touch/default/ucenter"><span class="glyphicon glyphicon-user" style="margin-right:15px"></span> 个人中心</a></li>
            <li><a href="/touch/default/logout"><span class="glyphicon glyphicon-log-out" style="margin-right:15px"></span> 退出</a></li>
        <?php }else{ ?>
            <li><a href="/touch/default/signup"><span class="glyphicon glyphicon-user" style="margin-right:15px"></span> 注册</a></li>
            <li><a href="/touch/default/login"><span class="glyphicon glyphicon-log-in" style="margin-right:15px"></span> 登录</a></li>
        <?php }?>
<!--        <li><a href="#/work">Our work</a></li>-->
<!--        <li><span>About us</span>-->
<!--            <ul>-->
<!--                <li><a href="#/about/history">History</a></li>-->
<!--                <li><span>The team</span>-->
<!--                    <ul>-->
<!--                        <li><a href="#/about/team/management">Management</a></li>-->
<!--                        <li><a href="#/about/team/sales">Sales</a></li>-->
<!--                        <li><a href="#/about/team/development">Development</a></li>-->
<!--                    </ul>-->
<!--                </li>-->
<!--            </ul>-->
<!--        </li>-->
<!--        <li><span>Services</span>-->
<!--            <ul>-->
<!--                <li><a href="#/services/design">Design</a></li>-->
<!--                <li><a href="#/services/development">Development</a></li>-->
<!--                <li><a href="#/services/marketing">Marketing</a></li>-->
<!--            </ul>-->
<!--        </li>-->
<!--        <li><a href="#/contact">Contact</a></li>-->
    </ul>
    <ul id="panel-language">
        <li><a href="#/en">English</a></li>
        <li><a href="#/de">Deutsch</a></li>
        <li><a href="#/nl">Nederlands</a></li>
    </ul>
</nav>

<div><?=$content?></div>

<?php $this->endBody() ?>

</body>
</html>
<?php $this->endPage() ?>
<script src="https://cdn.bootcss.com/mui/3.7.1/js/mui.min.js"></script>
<script src="https://cdn.bootcss.com/jQuery.mmenu/7.2.3/jquery.mmenu.all.js"></script>
<script src="/mmenu/js/jquery.mhead.js"></script>
<script src="/mmenu/js/playground.js"></script>
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
    $(document).ready(function(){
        new WOW().init();
    });
</script>
<script>
    $(function() {

        $("#menu").mmenu({
            extensions 	: [
                "shadow-panels",
                "fx-listitems-slide",
                "border-none",
                "theme-black",
                // "fullscreen",
                "position-right"
            ],
            navbars		: {
                content : [ "prev", "searchfield", "close" ],
                height 	: 2
            },
            setSelected: true,
            searchfield: {
                resultsPanel: true
            }}, { });
        $(".mh-head.mm-sticky").mhead({
            scroll: {
                hide: 200
            }
        });
        $(".mh-head:not(.mm-sticky)").mhead({
            scroll: false
        });

    });
</script>
<script>
    // $(window).load(function(){
    //     $('#page-loader').css('display','none');
    // });
</script>
